angular.module('moGu').controller('carController', ['$rootScope','$scope','$css', function($rootScope,$scope,$css){
	$css.add('./car/css/car.css');
	// 从本地存储中获取购物车数据————————————————————————————————————————————————————————————————————
	$scope.getData = JSON.parse(localStorage.getItem('carData'));
	$scope.getData.splice(0, 1);
	console.log($scope.getData);
	// localStorage.clear('carData');

	// 跳转页面——————————————————————————————————————————————————————————————————————————————————————
	$scope.carMotai = function(){

		$('#car').css('display', 'none');
		$('#car-motai').css('display', 'block');
	}
	$scope.car = function(){

		$('#car').css('display', 'block');
		$('#car-motai').css('display', 'none');
	}
	//单选、全选——————————————————————————————————————————————————————————————————————————————————————
	$scope.danXuanFlag = true;
	$scope.quanXuanFlag = true;

	$scope.quanXuan = function(){
		$scope.danXuanFlag = !$scope.danXuanFlag;
		$scope.quanXuanFlag = !$scope.quanXuanFlag;
	}
	// //购买数量——————————————————————————————————————————————————————————————————————————————————————
	$scope.motaiNum = 0;
	$scope.jia = function(){
		$scope.motaiNum++;
	}
	$scope.jian = function(){
		$scope.motaiNum--;
		if($scope.motaiNum <= 0){
			$scope.motaiNum = 0;
		}
	}
	//左滑删除————————————————————————————————————————————————————————————————————————————————————————
	$scope.delBtn = function() {
		var lis = document.querySelectorAll('.car-list');
		console.log(lis);
		var spans = document.querySelectorAll('.del');
		//保存触摸开始时的坐标点
		var startX , startY;
		//保存触摸结束时的坐标点
		var endX, endY;
		for (var i=0; i<lis.length; i++) {
			//给标签添加触摸开始事件，获取到开始时坐标点
			lis[i].addEventListener('touchstart', function(e){
				var touch = e.targetTouches[0];
				startX = touch.pageX;
				startY = touch.pageY;
				this.style.transform ='translateX(0)';
			});

			//通过move事件，获取到最后的结束坐标点
			lis[i].addEventListener('touchmove', function(e){
				var touch = e.targetTouches[0];
				endX = touch.pageX;
				endY = touch.pageY;

				if (endX - startX >=0) {
					this.style.transform ='translateX(0)';
				} else if(endX - startX < -100) {
					this.style.transform = 'translateX(-2rem)';
				}
			});
		}

		for (var i=0; i<spans.length; i++) {
			spans[i].addEventListener('touchstart', function(){
				this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
				// 清除本地存储————————————————————————————————————————————————————————
				$scope.getData.splice(i, 1);
			})
		}
		localStorage.setItem('carData', JSON.stringify($scope.getData));
	}
	// //模态删除—————————————————————————————————————————————————————————————————————————————
	$scope.motaiDelBtn = function(){
		var divs = document.getElementsByClassName('danXuan-icon');
		for (var i=0; i<divs.length; i++){
			if($(divs[i]).attr('class') == 'danXuan-icon xuanZhong') {
				$scope.getData.splice(i, 1);
				divs[i].parentNode.parentNode.parentNode.removeChild(divs[i].parentNode.parentNode);
			}
		}
		localStorage.setItem('carData', JSON.stringify($scope.getData));
	}
}]);
